<div class="window">

	<form id="login-Utils" action="auth.php?_=createaccount" method="POST">
		
		<h1>
			<span style="color:#0040e0;">G</span>
			<span style="color:#e02040;">o</span>
			<span style="color:#f0a000;">o</span>
			<span style="color:#0040e0;">g</span>
			<span style="color:#00a020;">l</span>
			<span style="color:#e02040;">e</span>
			<i><span style="color:brown">CoffeeMate&trade;</span></i>
		</h1>
		<hr/>
		
		<?php
		
			Session::set('feedback', array('type'=>'info', 
													'message'=>'Registration Form', 
													'description' => 'Please fill in the form below in order to create your GoogleCoffeemate account.'));
			echo Session::showLastFeedback();
		
		?>
		
		<label for="fname">First name<em>*</em></label>
		<input type="text" name="fname" placeholder="Enter your firstname" pattern="[a-zA-Z\s]+" required />
		<br/>
		
		<label for="lname">Last name<em>*</em></label>
		<input type="text" name="lname" placeholder="Enter your lastname" pattern="[a-zA-Z\s]+" required />
		<br/>
		
		<label for="email">E-mail<em>*</em></label>
		<input type="email" name="email" placeholder="Enter your email adress" required />
		<br/>
		
		<label for="phone">Phone number<em>*</em><br/>(ex: +33625485269)</label>
		<input <?php echo Utils::insertErrorCssClass('phone'); ?> type="phone" name="phone" placeholder="Enter your phone number" pattern="\+\d{11}" required />
		<br/>

		<label for="password">Password<em>*</em></label>
		<input <?php echo Utils::insertErrorCssClass('password'); ?> type="password" name="password" placeholder="Enter your password" required />
		<br/>

		<br/>
		<p class="button_container">
			<img src="img/icons/cancel.png" class="button_icon"/><a class="button red" href="auth.php">Cancel</a>
			<img src="img/icons/signin.png" class="button_icon"/><input class="button green" type="submit" name="submit-create" value="Sign in &raquo;" />
		</p>

	</form>
</div>
